<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.11.0.min.js"></script>
 <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<title>Insert title here</title>

<script type="text/javascript">
	$(function(){
		$('.selected3').css('background','url(images/changeColor.png)');
		$('.selected3').css('color','green');
	})
</script>
<jsp:include page="/top.jsp"></jsp:include>
<style type="text/css">
body div{border:0px solid #ccc;
}
.main div{float: left;border:0px solid #ccc;
}
.top1{border:0px;
}
.top1 div{border:0px;
}
.oneque{border-radius:0px;
}
.detaill:hover{text-decoration: underline;
}
</style>

</head>

<body>

<div class = "main" style = "margin-bottom:100px;margin-top:0px;background-color:white;width:920px;float:left; margin-left:200px;">
	<div class = "top1" style = "border:0px;width:90%;height:40px;margin-left: 44px;padding-top:14px;padding-bottom:8px;">
		<div class = "wenda" style = "margin-top:5px;margin-left:10px;font-size: 27px;color:green;float: left;font-weight:bold; ;">
			花卉论坛
		</div>
		<div class = "tiwendiv" style="background-color: #5fce1b;width:100px;height:40px;line-height:40px;color:white;font-size: 20px;text-align: center;float: right;">
			<a href = "${pageContext.request.contextPath }/sendquestion.jsp" style="text-decoration: none;color:white;">
				我要提问
			</a>
		</div>
	</div>
	<hr color="green" style = "width:820px;">
	<div class = "top2" style = "width:800px;">
		<div class = "leftword" style = "float:left;font-size:20px;color:green;margin-left:49px;">
			热门问答
		</div>
		<div class = "hr" style = "border:1px solid #ccc;margin-right:10px;margin-left:10px;height:25px;float: left"> </div>
		<div class = "rightword" style = "float:left;font-size:20px;color:green;margin-left:0px;">
			我要提问
		</div>
	</div>
	
<!-- 问题总的框 -->
	<div class = "allquestiondiv" style = "margin-bottom:50px;margin-top:12px;width:600px;margin-left: 52px;">
		<!-- 	这里开始循环 -->
		<c:forEach items="${question }" var = "n">
			<div class = "oneque" style = "border-top:1px solid #ccc;padding-top: 10px;">
			<div class = "userinfo">
			<div class = "queuserhead" style = "width:30px;height:30px;border-radius:40px;"> 
				<img alt="" src="${n.path }" style = "width:100%;height:100%;border-radius:40px;">
			</div>
			<div class = "queusername" style = "margin-left:5px;width:500px;height:30px;font-size:9px;line-height: 30px;">
				${n.userName }
			</div>
		</div>
		<div class = "question" style = "word-wrap:break-word;width:550px; line-height:30px;font-size: 18px;">
			<a href = "${pageContext.request.contextPath }/ResponseServlet?questionID=${n.questionID}" style="text-decoration: none;color:black;">
				<b style="color: green">提问：</b><span class = "detaill">${n.question }</span>
			</a>
		</div>
		<div class = "detail" style = "word-wrap:break-word;font-size: 10px;color:#999;width:550px;line-height: 26px;">
			详细说明：${n.detail }
		</div>
		<div class = "skip" style = "font-size: 10px;color:#999;width:550px;line-height: 32px;">
			浏览次数：124&nbsp&nbsp&nbsp&nbsp回答：52
		</div>
		</div>
		</c:forEach>
		
		
	</div><!-- 问题总的框 结束-->
	
	
	
</div>


</body>
</html>